<template>
  <div class="block">
    <el-carousel height="500px">
      <el-carousel-item v-for="item in img" >
        <img :src="item"></img>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
    export default {
      name: 'Carousel',
      data () {
          return {
            img: [
              // 图片轮播
              'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1111938570,2063449563&fm=26&gp=0.jpg',
              'https://dss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=380286743,2049838569&fm=26&gp=0.jpg',
              'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1799037592,2246483063&fm=26&gp=0.jpg'
            ]
          }
      }
    }
</script>

<style scoped>

  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }

</style>
